<template>
  <div class="top">
    <span>{{ title }}</span>
    <router-link to>
      <!--<img style="width:23px;height:100%;" src="../../assets/xiazai44.png" alt="">-->
      <i class="el-icon-back"></i>
      <span @click="openMainWin">返回</span>
    </router-link>
  </div>
</template>

<script>export default {
  name: 'Header',
  props: ['title'],
  data() {
    return {
      /*title: this.headTitle*/
    }
  },
  methods: {
    openMainWin() {
      this.$router.go(-1)
    }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .top {
    padding: 10px 30px 9px 40px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    span {
      flex: 1;
      text-align: left;
    }
    a {
      flex: 1;
      text-align: right;
    }
  }
</style>
